Adwaita: add a transition to the scale slider

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index ae6c941adb9660c3f3cadff67d6231d770dcddd2..bde88fd56af713d3ab756d72ce825e3df7252661 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2826,6 +2826,7 @@ scale {
 
     border: 1px solid darken($borders_color, 3%);
     border-radius: 100%;
+    transition: $button_transition;
 
     &:hover { @include button(hover-alt, $edge: $shadow_color); }
 
@@ -2834,7 +2835,10 @@ scale {
     &:disabled { @include button (insensitive); }
 
     &:backdrop {
+      transition: $backdrop_transition;
+
       @include button(backdrop);
+
       &:disabled { @include button(backdrop-insensitive); }
     }
 

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 400fb161d8b7942439c36b955a25a650853a32bb..a77cfbff21ec267419da36b7ae5a6d7473b03141 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2831,7 +2831,8 @@ scale {
     background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
     border: 1px solid #151717;
-    border-radius: 100%; }
+    border-radius: 100%;
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
     scale slider:hover {
       color: #eeeeec;
       outline-color: rgba(238, 238, 236, 0.3);
@@ -2849,6 +2850,7 @@ scale {
       scale slider:disabled label, scale slider:disabled {
         color: #949796; }
     scale slider:backdrop {
+      transition: 200ms ease-out;
       border-color: #1f2222;
       background-image: linear-gradient(to bottom, #393f3f);
       text-shadow: none;

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 7baa9a7e419a08934ae47fe9a7d684a112a19c47..b56ed28f1b8c96ca5abc7123a3aa055509309ddb 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -2859,7 +2859,8 @@ scale {
     background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%);
     box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
     border: 1px solid #969691;
-    border-radius: 100%; }
+    border-radius: 100%;
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
     scale slider:hover {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);
@@ -2877,6 +2878,7 @@ scale {
       scale slider:disabled label, scale slider:disabled {
         color: #8b8e8f; }
     scale slider:backdrop {
+      transition: 200ms ease-out;
       border-color: #a5a5a1;
       background-image: linear-gradient(to bottom, #e8e8e7);
       text-shadow: none;